<template>
	<view class="homes">
		<view class="status_bar">
		          <!-- 这里是状态栏 -->
		</view>
		<!-- 头像区域 -->
		<view class="homes-title" >
			<view class="homes-title-left">
				<image ></image>
			</view>
			<view class="homes-title-center">
				<view class="homes-title-center-list">会员号：123456</view>
				<view class="homes-title-center-list">手机号：123456</view>
			</view>
			<view class="homes-title-right">
				<text class="lg text-gray cuIcon-right"></text>
			</view>
		</view>
		<view class="homes-info cu-list menu sm-border">
		<view class="cu-item arrow">
			<view class="content" hover-class="none" >
				<text class="cuIcon-dianhua text-orange" style="color: #76D348; font-size: 36rpx;"></text>
				<text class="text-grey">联系电话</text>
			</view>
		</view>
		</view>
			<!-- 客服信息 -->
			<view class="homes-info cu-list menu sm-border">
				<view class="cu-item arrow">
					<navigator class="content" hover-class="none" >
						<text class="cuIcon-commentfill text-orange" style="color: #FEC535; font-size: 36rpx;"></text>
						<text class="text-grey">意见反馈</text>
					</navigator>
				</view>
			</view>
			<!-- 绿卡会员信息 -->
			<view class="homes-info cu-list menu sm-border">
				<view class="cu-item arrow">
					<navigator class="content" hover-class="none" url="/pages/about/about">
						<text class="cuIcon-infofill text-orange" style="color: #00943C; font-size: 36rpx;"></text>
						<text class="text-grey">关于</text>
					</navigator>
				</view>
			</view>
			<!-- 当前版本 -->
			<view class="home-version">
				当前版本1.0.0
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {

	}
</script>

<style lang="scss">
.homes{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
.status_bar {
	height: var(--status-bar-height);
	width: 100%;
	background: orange;
	color: #FFFFFF;
}
/* 头像区域 */
.homes-title{
	width: 100%;
	height: 206rpx;
	padding: 44rpx 0;
	box-sizing: border-box;
	background: orange;
	display: flex;
	justify-content: space-between;
}
.homes-title-left{
	width: 176rpx;
	height: 100%;
	padding: 0 28rpx;
	box-sizing: border-box;
}
.homes-title-left image{
	width: 100%;
	height: 100%;
	border-radius: 59rpx;
}
.homes-title-center{
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: wrap;
}
.homes-title-center-list{
	width: 100%;
	height: 40rpx;
	font-size: 26rpx;
	color: #FFFFFF;
	line-height: 40rpx;
}
.homes-title-right{
	width: 84rpx;
	text-align: center;
	line-height: 118rpx;
}
.homes-title-right text{
	color: #FFFFFF;
	font-size: 40rpx;
}

/* 个人信息 */
.homes-info{
	width: 100%;
	margin-bottom: 20rpx;
	background: #FFFFFF;
	border-bottom: solid 1rpx #cccccc;
	.cu-item {
		padding-left: 30rpx;
	}
}

/* 版本信息 */
.home-version{
	width: 100%;
	height: 90rpx;
	text-align: center;
	font-size: 20rpx;
	line-height: 90rpx;
	color: #999999;
}
</style>
